/*top*/
.headdiv { display:block; width:100%; }
.head_wc { display:block; overflow:hidden; background:url(../images/wcbg.jpg) repeat-y center center; background-size:cover; }
.head_wc div{ width:1200px; margin:0 auto; height:34px; line-height:34px; color:#FFF; }

.header { width:1200px; margin:0 auto; height:105px; }
.header .logo{ float:left; width:250px; }
.header .logo img{ width:231px; padding:25px 0 0 0; }

.navdiv{ float:right; width:880px; height:105px; }
.nav{ position:relative; z-index:100; }
.nav li{ float:right; position:relative; }
.nav li a{ display:block; height:105px; line-height:105px; text-align:center; font-size:16px; color:#000; padding:0 30px; transition: all .2s ease-out; }
.nav li:hover a,.nav li.hover a{ color:#e40f17;}
.nav li.on a{ color:#e40f17;}
.nav li i{ transition: all .2s ease-out; }
.nav li:hover i{ color:#e40f17; transform:rotate(180deg); -webkit-transform:rotate(180deg); -moz-transform:rotate(180deg); }

.nav li .divshow2{ width:300px; position:absolute; top:105px; left:0px; display:none; box-shadow: 0 0 5px rgb(0 0 0 / 20%);
-webkit-box-shadow: 0 0 5px rgb(0 0 0 / 20%);
-moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);}
.nav li .divshow2 .bg{ background-color:#fff; }
.nav li .divshow2 .sub{ width:275px; padding:30px 0px 30px 25px; overflow:hidden; }
.nav li .divshow2 .sub li{ float:left; width:50%; padding:2px 0; }
.nav li .divshow2 .sub li a{ display:block; text-align:left; padding:0; height:auto; line-height:28px; color:#333; cursor:pointer; font-size:15px; }
.nav li .divshow2 .sub li:hover a{ color:#e40f17; text-decoration:underline; }

/*banner*/
.banner_div { display:block; width:100%; overflow:hidden; position:relative; z-index: 0; }
.banner_div img { width:100%; }
.banner_div .swiper-container { }
.banner_div .swiper-pagination .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    background-color: rgba(255, 255, 255, 0);
	border:#FFF 1px solid;
    display: inline-block;
    cursor: pointer;
    transition: all .2s ease-out;
    border-radius: 20px;
    opacity: 1;
}
.banner_div .swiper-pagination .swiper-pagination-bullet:hover { background-color: #fff; opacity: 1;}
.banner_div .swiper-pagination .swiper-pagination-bullet-active { background-color: #fff; }

.home_tit { display:block; width:100%; text-align:center; padding:50px 0; overflow:hidden; }
.home_tit .title1 { font-size:48px; color:#000; letter-spacing:1px; font-weight:bold; }
.home_tit .title1 span{ color:#dd0f15; }
.home_tit .title1 p{ font-size:16px; color:#999; padding:10px 0 0 0; font-weight:normal; }
.home_tit .title2 { font-size:28px; color:#000; letter-spacing:1px; font-weight:bold; }

.hot-pro { display:block; }
.hot-pro .pic a img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.hot-pro .txt a { color:#000; letter-spacing:2px;
    font-size: 22px;
    font-weight: bold;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.hot-pro .txt p { padding:10px 0 0 0;
    color: #666;
    font-size: 16px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.hot-pro li,
.pro-posui {
    background-color: #FFF;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

.hot-fl {
    float: left;
    width: 66%;
}

.hot-fl ul {
    margin-left: -3.8%;
    margin-bottom: 30px;
}

.hot-fl ul li {
    float: left;
    width: 46.2%;
    margin-left: 3.8%;
}

.hot-fl li .pic a {
    display: block;
    position: relative;
    padding-top: 77.1%;
}

.hot-fl li .txt {
    text-align: center;
    padding: 20px 10px;
}

.pro-posui {
    margin-bottom:0px;
}

.pro-posui .pic {
    display: block;
    overflow: hidden;
}

.pro-posui .pic a {
    display: block;
    position: relative;
    padding-top: 57.7%;
}

.pro-posui .txt {
    float: right; text-align:center;
    width: 258px;
    padding: 30px;
    margin-top: 60px;
}

.pro-posui .txt p {
    white-space: initial;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    margin-top: 5px;
}

.hot-fr {
    float: right;
    width: 31.7%;
}

.hot-fr ul li {
    margin-bottom: 30px;
}

.hot-fr li .pic a {
    display: block;
    position: relative;
    padding-top: 61.3%;
}

.hot-fr li .txt {
    text-align: center;
    padding: 20px 10px;
}

.hot-pro li:hover,
.pro-posui:hover {
    -webkit-box-shadow: 0 8px 20px rgba(0, 0, 0, .1);
    -moz-box-shadow: 0 8px 20px rgba(0, 0, 0, .1);
    -ms-box-shadow: 0 8px 20px rgba(0, 0, 0, .1);
    -o-box-shadow: 0 8px 20px rgba(0, 0, 0, .1);
    box-shadow: 0 8px 20px rgba(0, 0, 0, .1);
}

.hot-pro li:hover .txt a,
.hot-pro li:hover .txt p,
.pro-posui:hover a,
.pro-posui:hover p {
    color: #dd0f15;
}

.pro_more{ display:block; padding:30px 0; text-align:center; overflow:hidden; }
.pro_more a{ border:#dd0f15 1px solid; color:#dd0f15; font-size:16px; padding:10px 50px; }
.pro_more a:hover{ background-color:#dd0f15; color:#FFF; }

.jiyi_bg { display:block; height:790px; overflow:hidden; background:url(../images/jiyi_bg.jpg) no-repeat center top; background-size:cover; }
.jiyi { display:block; overflow:hidden; padding:170px 20px 0 20px; width:500px; }
.jiyi h2{ display:block; text-align:center; font-size:50px; color:#fbd888; padding:20px 0; }
.jiyi h3{ display:block; text-align:center; font-size:24px; color:#fff; font-weight:normal; }
.jiyi div{ padding:30px; border:#fbd888 1px solid; color:#fbd888; font-size:16px; line-height:30px; margin:100px 0 0 0; }

/*about*/
.about_bg { padding:0 0 50px 0; background-image: url(../images/about_bg.jpg); background-repeat: no-repeat; background-position: center; background-size: cover;  }
.aboutlf { float:left; width:590px; font-size:15px; line-height:35px; overflow:hidden; }
.aboutlf h2{ display:block; font-size:20px; color:#000; padding:10px 0; }
.aboutlf p{ padding:10px 0 0 0; }
.aboutlf .more{ display:block; padding:20px 0; margin:20px 0 0 0; overflow:hidden; }
.aboutlf .more a{ border:#dd0f15 1px solid; color:#dd0f15; font-size:16px; padding:10px 50px; }
.aboutlf .more a:hover{ background-color:#dd0f15; color:#FFF; }
.aboutrg { float:right; width:520px; }
.aboutrg img{ width:100%; }

.hz_list{ display:block; list-style:none; overflow:hidden; }
.hz_list li{ float:left; width:156px; border:#eee 1px solid; margin:0 15px 15px 0; }
.hz_list li img{ width:100%; }
.hz_list li:nth-child(7), .hz_list li:nth-child(14), .hz_list li:nth-child(21){ margin:0 0 15px 0; }

/*news*/
.newslf { float:left; width:600px; overflow:hidden; }
.newslf a{ display:block; }
.newslf .imgs { display:block; height:350px; overflow:hidden; }
.newslf .imgs img { width:100%; height:350px; transition: all 0.4s; }
.newslf .imgs img:hover{ transform: scale(1.05);}
.newslf .tits{ display:block; padding:20px; overflow:hidden; }
.newslf .tits h2{ display:block; font-size:16px; }
.newslf .tits p{ display:block; font-size:13px; color:#999; margin:10px 0; line-height:22px; height:42px; overflow:hidden; }
.newslf .tits i{ display:block; font-size:13px; color:#999; }
.newsrg { float:right; width:530px; overflow:hidden; }
.newsrg li{ display:block; list-style:none; padding:15px 0; border-bottom:#eee 1px dashed; position:relative; }
.newsrg li a{ display:inline-block; width:80%; font-size:16px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; }
.newsrg li span{ position:absolute; right:0; font-size:13px; color:#999; }
.newsrg li p{ display:block; height:40px; font-size:13px; color:#999; line-height:22px; margin:10px 0; overflow:hidden; }

/*footer*/
.footer { display:block; width:100%; background:#272727; overflow:hidden; }
.fnav { display:block; text-align:center; list-style:none; padding:40px 0; border-bottom:#333 1px solid; overflow:hidden; }
.fnav a{ font-size:16px; color:#999; padding:0 20px; }

.f_logo { float:left; width:231px; overflow:hidden; }
.f_logo img{ width:100%; padding:20px 0 0 0; }

.f_lxwm { float:left; width:420px; padding:0 0 0 100px; overflow:hidden; }
.f_lxwm li{ display:block; padding:7px 0; }
.f_lxwm li h3{ display:block; color:#ccc; font-weight:normal; }
.f_lxwm li i{ width:20px; text-align:center; }
.f_lxwm li i.fa-map-marker{ font-size:18px; }
.f_lxwm li i.fa-mobile{ font-size:22px; }
.f_lxwm p{ padding:7px 0; color:#ccc; }
.f_lxwm p a{ color:#ccc; }

.f_form { float:right; width:300px; overflow:hidden; }
.f_form h2{ display:block; font-size:16px; color:#ccc; font-weight:normal; padding:0 0 15px 0; }

.f_ewm {  list-style:none; overflow:hidden; }
.f_ewm li{ float:left; width:40%; margin:0 10% 0 0; text-align:center; }
.f_ewm li p{ display:block; padding:5px 0 0 0; color:#ccc; }
.f_ewm li img{ width:100%; }

/*about us*/
.about_bg2 { height:900px; background: url(../images/about_bg2.jpg) no-repeat 0 0; background-size: cover;  }
.aboutus { display:block; padding:50px 0; overflow:hidden; }
.aboutus h3{ font-size:25px; font-weight:normal; color:#FFF; text-align:center; padding:50px 0 0 0; }
.aboutus h2{ font-size:40px; color:#FFF; text-align:center; padding:20px 0; }
.aboutus h2 span{ color:#00a63c; }
.aboutus p{ font-size:18px; color:#FFF; line-height:38px; }
.aboutpro { display:block; padding:50px 0 0 0; list-style:none; overflow:hidden; }
.aboutpro li{ float:left; width:133px; overflow:hidden; }
.aboutpro li p{ text-align:center; color:#FFF; font-size:16px; padding:10px 0 0 0; }

.swiper_honer { display:block; width:1200px; margin:0; position: relative; }
.honer_scroll { position: relative; width:100%; margin: 0 auto; overflow:hidden; }
.swiper_honer .honer-button-prev {
    background: url(../images/probig-left.jpg) no-repeat left center !important;
    background-size: 34px 52px;
    width: 34px; height: 52px; left:-60px;
	cursor:pointer;
}
.swiper_honer .honer-button-prev:hover {
    background: url(../images/probig-left.jpg) center no-repeat; opacity:.8;
}
.swiper_honer .honer-button-next {
    background: url(../images/probig-right.jpg) center no-repeat;
    background-size: 34px 52px;
	 width: 34px; height: 52px; right:-60px;
	cursor:pointer;
}
.swiper_honer .honer-button-next:hover {
    background: url(../images/probig-right.jpg) center no-repeat; opacity:.8;
}
.honer_li{ width:90%; padding:5%; background-color:#fff; margin:0 0 0 0; }
.honer_li a{ display:block; }
.honer_li .imgs{ width:100%; overflow:hidden; }
.honer_li .imgs img{ width:100%; height:auto; }
.honer_li .tits{ display:block; text-align:center; padding:10px 0px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; }
.honer_li a:hover .tits{ color:#e40f17; }
.hz_bg { height:900px; background: url(../images/hz_bg.jpg) no-repeat 0 0; background-size: cover;  }

.banner_nei { display:block; width:100%; height:380px; text-align:center; overflow:hidden; }
.banner_nei h2{ font-size:40px; color:#fff; padding:150px 0 10px 0; letter-spacing:1px; }
.banner_nei p{ font-size:16px; color:#fff; }

.contact { display:block; padding:30px 0; list-style:none; overflow:hidden; }
.contact li{ float:left; width:33%; text-align:center; }
.contact li i{ font-size:55px; color:#fff; background-color:#ddd; width:100px; height:100px; line-height:100px; border-radius:100%; }
.contact li p{ padding:15px 0; font-size:15px; color:#999; }
.contact li h2{ font-size:20px; font-weight:normal; }
.contact_map { display:block; }
.contact_map img{ width:100%; }

.newslist { display:block; list-style:none; padding:40px 0; overflow:hidden; }
.newslist li{ float:left; width:338px; border:#eee solid 1px; padding:20px; margin:20px 30px 20px 0; }
.newslist li .pic{ display:block; height:220px; overflow:hidden; }
.newslist li .pic img{ width:100%; height:220px; transition: all 0.4s; }
.newslist li .pic img:hover{ transform: scale(1.05);}
.newslist li h2{ display:block; font-size:16px; padding:15px 0 0 0; height:40px; overflow:hidden; }
.newslist li h3{ display:block; font-size:13px; color:#999; padding:10px 0; font-weight:normal; }
.newslist li p{ display:block; color:#999; height:40px; line-height:20px; overflow: hidden; }
.newslist li:nth-child(3n){ margin:20px 0 20px 0; }

.news_view { display:block; padding:20px 0; overflow:hidden; }
.news_view_tit { display:block; padding:20px 0; text-align:center; border-bottom:#eee 1px solid; overflow:hidden; }
.news_view_tit h2{ display:block; font-size:25px; font-weight:bold; padding:15px 0; color:#000; }
.news_view_tit p{ display:block; font-size:13px; color:#999; }
.news_view_txt { display:block; line-height:32px; font-size:15px; min-height:200px; overflow:hidden; }
.news_view_txt p{ padding:10px 0 0 0; }
.news_view_txt img{ max-width:100%; }
.news_view_txt a{ font-size:15px; text-decoration:underline; }

.commonDetailedContentsfoot{ display:block; margin:0 auto; padding:20px 0; border-top:#eee solid 1px; overflow:hidden; }
.commonDetailedContentsfoot dl{ font-size:12px; padding:0px; overflow:hidden;}
.commonDetailedContentsfoot dl span{ display:inline-block; color:#666; line-height:27px; padding:0px 2px; margin-right:0; font-weight:normal; }
.commonDetailedContentsfoot dl dd{ float:left;}
.commonDetailedContentsfoot dl dt{ float:right;}
.commonDetailedContentsfoot dl a{ font-size:12px; vertical-align:inherit; font-weight:normal; }

.pronav { float:left; width:245px; padding:0 0 20px 0; border-bottom:#eee 1px solid; overflow:hidden; }
.pronav_tit { display:block; border-bottom:#eee 1px solid; padding:15px 0; font-size:16px; color:#000; font-weight:bold; overflow:hidden; }
.pronav ul{ display:block; padding:10px 0; }
.pronav ul h2{ display:block; height:20px; line-height:20px; font-weight:normal; cursor:pointer; position:relative; }
.pronav ul h2.jiao{ background:url(../images/xl_hj2.png) no-repeat right center; background-size:15px auto; }
.pronav ul h2 a{ display:block; font-size:15px; padding-right:20px; }
.pronav ul h2 a.on{ color:#dd0f15; }
.pronav ul h2 span{ position:absolute; right:0; top:0; z-index:1; width:20px; height:20px; }

.pronav ul li{ display:block; padding:0 0 0 10%; width:90%; }
.pronav ul li a{ display:block; color:#999; padding:7px 0; }
.pronav ul li a:hover{ color:#dd0f15; }
.pronav ul li a.on{ color:#dd0f15; }
.pronav ul div{ padding:5px 0 0 0; }
.pronav ul .jiao3{ background:url(../images/xl_hj3.png) no-repeat right center; background-size:15px auto; }

.prod_list { float:right; width:900px; overflow:hidden; }
.pronav_titb { display:block; font-size:32px; color:#000; font-weight:bold; overflow:hidden; }
.prod_list ul li {
    width: 284px;
    float: left;
    background: #fafafa;
    transition: 0.3s;
    overflow: hidden;
    margin-right: 24px;
    margin-bottom: 24px;
}
.prod_list ul li:hover {
    box-shadow: 0px 0px 6px #aaa;
    background: #dd0f15;
}
.prod_list ul li:nth-child(3), .prod_list ul li:nth-child(6), .prod_list ul li:nth-child(9), .prod_list ul li:nth-child(12) {
    margin-right: 0px !important;
}
.prod_list ul li i {
    width: 278px;
    display: block;
    overflow: hidden;
    margin: auto;
    margin-top: 2px;
}
.prod_list ul li i img {
    display: block;
    margin: auto;
    padding-top: 2px;
    width: 100%;
}
.prod_list ul li h2 { padding:15px 15px 8px 15px; overflow:hidden; font-size:16px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; color:#000; font-weight:normal;
    width: 255px;
    line-height: 22px;
}
.prod_list ul li:hover h2 {color: #fff;}

.prod_list ul li p { padding:0 15px 15px 15px; height:45px; overflow:hidden; font-size:13px;
    width: 255px;
    line-height: 22px;
}
.prod_list ul li:hover p {
    color: #fff;
}
.prod_list ul li p:before {
    content: "";
    display: block;
    /*background: url(../images/jt_h.png) left no-repeat;
    width: 16px;
    height: 10px;*/
    float: right;
    overflow: hidden;
    transition: 0.3s;
    margin-right: 0px;
    margin-top: 15px;
}
.prod_list ul li:hover p:before {
    content: "";
    display: block;
    /*background: url(../images/jt_h.png) right no-repeat;
    width: 16px;
    height: 10px;*/
    float: right;
    overflow: hidden;
    transition: 0.3s;
}

.propic { float:left; width:600px; border:#eee 1px solid; overflow:hidden; }
.propic img{ width:100%; }

.proinfo_cs { float:right; width:550px; overflow:hidden; }
.proinfo_cs h2{ display:block; font-size:30px; color:#000; padding:20px 0; }
.proinfo_cs h3{ display:block; padding:0 0 20px 0; font-size:16px; color:#666; border-bottom:#eee 1px solid; font-weight:normal; }
.proinfo_cs p{ display:block; color:#999; line-height:32px; padding:30px 0; min-height:200px; font-size:16px; overflow:hidden; }
.proinfo_cs a{ display:block; background-color:#dd0f15; width:200px; text-align:center; color:#FFF; font-size:16px; height:45px; line-height:45px; }
.proinfo_cs a:hover{ background-color:#000; }
.proinfo_cs a i{ font-size:16px; color:#FFF; }

.pro_con_tit { display:block; margin:20px 0; overflow:hidden; background-color:#f5f5f5; }
.pro_con_tit h2{ display:block; padding:15px 0; background-color:#dd0f15; width:200px; text-align:center; font-size:20px; color:#FFF; font-weight:normal; }
.pro_tltit { display:block; color:#000; padding:30px 0; font-size:20px; font-weight:bold; overflow:hidden; }
.prod_list2 { display:block; overflow:hidden; }
.prod_list2 ul li {
    width: 284px;
    float: left;
    background: #fafafa;
    transition: 0.3s;
    overflow: hidden;
    margin-right: 21px;
    margin-bottom: 24px;
}
.prod_list2 ul li:hover {
    box-shadow: 0px 0px 6px #aaa;
    background: #dd0f15;
}
.prod_list2 ul li:nth-child(4) {
    margin-right: 0px !important;
}
.prod_list2 ul li i {
    width: 278px;
    display: block;
    overflow: hidden;
    margin: auto;
    margin-top: 2px;
}
.prod_list2 ul li i img {
    display: block;
    margin: auto;
    padding-top: 2px;
    width: 100%;
}
.prod_list2 ul li h2 { padding:15px 15px 8px 15px; overflow:hidden; font-size:16px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; color:#000; font-weight:normal;
    width: 255px;
    line-height: 22px;
}
.prod_list2 ul li:hover h2 {color: #fff;}

.prod_list2 ul li p { padding:0 15px 15px 15px; height:45px; overflow:hidden; font-size:13px;
    width: 255px;
    line-height: 22px;
}
.prod_list2 ul li:hover p {
    color: #fff;
}
.prod_list2 ul li p:before {
    content: "";
    display: block;
    background: url(../images/jt_h.png) left no-repeat;
    width: 16px;
    height: 10px;
    float: right;
    overflow: hidden;
    transition: 0.3s;
    margin-right: 0px;
    margin-top: 15px;
}
.prod_list2 ul li:hover p:before {
    content: "";
    display: block;
    background: url(../images/jt_h.png) right no-repeat;
    width: 16px;
    height: 10px;
    float: right;
    overflow: hidden;
    transition: 0.3s;
}
.pro_view_txt { display:block; line-height:32px; font-size:15px; padding:0 20px; min-height:200px; overflow:hidden; }
.pro_view_txt p{ padding:10px 0 0 0; }
.pro_view_txt img{ max-width:100%; }
.pro_view_txt a{ font-size:15px; text-decoration:underline; }








.sjdhgd { display:none; }
@media (max-width:1200px) {
	.nav_top { display:none; }
	.maindiv { width:100%; }
	.wapdiv { padding:0 4%; width:92%; }
	
/*手机nav*/
	.sjdhgd{ display:block; width: 100%;background-size: 100% 100%;position: fixed;z-index: 999;top: 0; left: 0; background-color: #fff; box-shadow: 0 0 15px 0 rgba(0,0,0,0.2);}
	.sjdh{margin: 0 auto;width:94%; padding:0 3%; height:60px; transition: all ease 0.4s;}
	.sjdha{width: 100%;}
	.sjdha_t1{ padding:10px 0 0 0; width: 160px; overflow: hidden; /*margin-right: calc(50% - 80px);*/ }
	.sjdha_t1 img{width: 100%;}
	.sjdha_t2{width:30px; position: absolute;right: 4%; top: calc(50% - 13px); text-align:center; }
	.sjdha_t2 i{ padding:3px 0 0 0; font-size:22px; color:#333; }
	.huakuai{ position: fixed;top: 0;right: -100%;z-index: 100001;transition: all .4s cubic-bezier(.4,0,0,1);width: 100%;background: rgba(0,0,0,0.5);height: 100%;}
	.sjdhb{width: 82%;background: #fff;overflow-y: scroll; overflow-x:hidden; height: 100%;float: right;position: relative;}
	.topa_dsj i{ padding:7px 0 0 0; font-size:22px; color:#333; }
	
	.guanbi{width: 100%;}
	.guanbi i{ font-size:22px; margin:5%;float: right; color:#333; }
	.sjdhb_a{width: 100%;position: relative;border-bottom: 1px solid #f1f2f3;}
	.sjdhb_a h6{line-height: 48px;width: 100%;padding-left: 18px;text-transform: uppercase;transition: all ease 0.3s;}
	.sjdhb_a h6 a{font-size: 1rem;color: #404040;transition: all ease 0.3s;font-weight: bold;}
	.sjdhb_a h6 span{font-size: 0.8rem;display: inline-block;margin-left: 7px;color: #b6b6b6;}
	.sjdhb_ah1 h6{background: #f6f6f6;}
	.sjdhb_ah1 h6 a{color: #dd0f15;}
	.sjdhb_aa{width: 100%;}
	.sjdhb_p{width: 100%;line-height: 28px;padding-left:37px;text-transform: uppercase;margin: 8px 0;}
	.sjdhb_p a{font-size:0.9rem;color: #666;font-weight: bold; }
	.sjdhb_pa a{color: #dd0f15;}
	.sjtopx{margin-left: 4%;}
	.sjtopx .topa_a{}
	.topa_a1sj{position: absolute;width: 124px;height: 94px;border-radius: 10px;background-color: #f7f7f7;top: 100%;right: 6.4%;padding: 4px 14px 0 14px;display: none;}
	.topa_a1sj::after{position: absolute;content: "";background-image: url(../images/g14.png);width: 14px;height: 14px;background-size: 100% 100%;left: 50%;margin-left: -7px;top: -7px;}
	.topa_a1sj p{line-height: 44px;border-bottom: 1px solid #dedede;text-align: center;}
	.topa_a1sj p:nth-child(2){border: none;}
	.topa_a1sj p a{font-size: 0.85rem;color: #000000;transition: all ease 0.3s;}
	.topa_a1sj p a:hover{color: #dd0f15;}
	.topa_a2sj{position: absolute;width: 100%;background-color: #f7f7f7;left: 0;top: 100%;display: flex;justify-content:space-around;padding: 30px 5%;display: none;}
	.topa_a2x h6{font-size: 1.05rem;color: #000000;line-height: 14px;}
	.topa_a2x p{line-height: 32px;margin-top: 15px;}
	.topa_a2x p a{font-size: 0.88rem;color: #666666;display: block;transition: all ease 0.3s;}
	.topa_a2x p a:hover{color: #dd0f15;text-decoration: underline;}
	.topa_a3sj{position: absolute;width: 90%;background-color: #f7f7f7;left: 0;top: 100%;display: flex;justify-content:center;padding: 30px 5%;display: none;}
	.topa_a3sj img{width: 24px;height: 24px;margin-top: 10px;margin-left: -4px;float: left;}
	.topa_a3sj input.input1{width: calc(96% - 114px);margin: 0 2%;line-height: 40px;height: 40px;border-bottom:1px solid #e5e5e5; border-top:0; border-left:0; border-right:0; font-size: 0.75rem;color: #666666; background-color: transparent;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
	.topa_a3sj input.input2{width: 100px;line-height: 39px;height: 40px;font-size: 0.95rem;color: #fff; text-align: center;background-color: #e40f17; border:0; border-radius: 30px;cursor: pointer;float: right;}
	.jiaj{position: absolute;right: 5%;top: 24px;transform: translateY(-50%);width: 12px;height: 12px;}
	.jiaj::after,.jiaj::before{content: "";position: absolute;left: 50%;top: 0;margin-left: -1px;width: 2px;height: 100%;background: #000;transition: all .36s;}
	.jiaj::before{transform: rotate(90deg);transition: all ease 0.3s;}
	.sjdhb_ah1 .jiaj::after{transform: rotate(90deg);}

	.yyan{left: 0;bottom: 25px;width: 100%;padding-top:10%;padding-bottom:8px;}
	.yyan h6{text-align: center;font-size: 0.9rem;color: #000;font-weight: bold;}
	.yyan h6 img{display: inline-block;position: relative;top:0px;margin-right: 6px;}
	.yyan_h{width: 82%;background-color: #fff;position: fixed;right: -100%;top:0;bottom:0;padding-top: 30px;transition: all ease 0.3s;}
	
	.yyan_h h5{font-size: 1.05rem;color: #000;line-height: 30px;font-weight: bold;margin-bottom: 10px;padding: 0 18px;}
	.yyan_h{width: 82%;}
	.yyan_ha{width: 100%;border-bottom: 1px solid #f1f2f3;}
	.yyan_ha h6{font-size: 1.05rem;color: #000;line-height: 50px;font-weight: bold;position: relative;padding: 0 18px;transition: all ease 0.3s;}
	.yyan_ha p{line-height: 36px;padding: 10px 0 10px 30px;}
	.yyan_ha p a{display: block;font-size: 0.9rem;color: #000;font-weight: bold;transition: all ease 0.3s;}
	.yyan_ha p a:hover{color: #dd0f15;}
	.jia_h{position: absolute;right: 5%;top: 26px;transform: translateY(-50%);width: 12px;height: 12px;}
	.jia_h::after,.jia_h::before{content: "";position: absolute;left: 50%;top: 0;margin-left: -1px;width: 2px;height: 100%;background: #000;transition: all .36s;}
	.jia_h::before{transform: rotate(90deg);transition: all ease 0.3s;}
	.yyan_haa .jia_h::after{transform: rotate(90deg);}
	.yyan_haa h6{background: #f6f6f6;color: #dd0f15;}
	
	.last-son{ display: block; font-size: 16px; padding-left: 37px; color: #666; line-height: 28px;}
	
/*banner*/
.banner_div { margin:60px 0 0 0; }
.banner_div .swiper-pagination .swiper-pagination-bullet {width: 6px;height: 6px;}

.home_tit { padding:30px 4%; width:92%; }
.home_tit .title1 { font-size:32px; }
.home_tit .title1 p{ font-size:14px; }
.home_tit .title2 { font-size:20px; }

.hot-pro { padding:0 3%; }
.hot-fl { float:none; display:block; width:100%; }
.hot-pro .txt a { font-size: 16px; letter-spacing:0px; }
.hot-pro .txt p { padding:5px 0 0 0; color: #666; font-size: 14px;}
.pro-posui { display:block; }
.pro-posui .pic { display: block; overflow: hidden; }
.pro-posui .txt { float:none; display:block; width:100%; padding: 20px 0; margin-top: 0px; }
.hot-fr { float:none; display:block; width:100%; }
.hot-fr ul li { float:left; width:48%; margin:30px 4% 30px 0; }
.hot-fr ul li:nth-child(2) { margin:30px 0 30px 0; }

.jiyi_bg { height:250px; }
.jiyi { padding:30px 0 0 3%; width:70%; }
.jiyi h2{ font-size:22px; padding:6px 0; }
.jiyi h3{ font-size:14px; }
.jiyi div{ padding:10px; font-size:13px; line-height:20px; margin:20px 0 0 0; }

/*about*/
.about_bg { padding:0 0 20px 0; }
.aboutlf { float:none; display:block; width:92%; padding:0 4%; line-height:28px; }
.aboutrg { float:none; display:block; width:92%; padding:0 4%; }

.hz_list{ width:92%; padding:0 4%; }
.hz_list li{ float:left; width:30.7%; margin:0 3% 15px 0; }
.hz_list li:nth-child(7), .hz_list li:nth-child(14) { margin:0 3% 15px 0; }
.hz_list li:nth-child(3), .hz_list li:nth-child(6), .hz_list li:nth-child(9), .hz_list li:nth-child(12), .hz_list li:nth-child(15), .hz_list li:nth-child(18){ margin:0 0 15px 0; }

/*news*/
.newslf { float:none; display:block; width:92%; padding:0 4%; }
.newslf .imgs { height:auto; }
.newslf .imgs img { height:auto; }
.newslf .tits{ padding:20px 0; }
.newslf .tits p{ height:auto; }
.newsrg { float:none; display:block; width:92%; padding:0 4%; }
.newsrg li a{ width:70%; font-size:15px; }
.newsrg li p{ height:auto; }

/*footer*/
.fhid { display:none; }
.f_logo { float:none; display:block; width:92%; padding:0 4%; text-align:center; }
.f_logo img{ width:50%; padding:0px 0 0 0; }
.f_lxwm { float:none; display:block; width:92%; padding:20px 4% 0 4%; }

/*about us*/
.about_bg2 { height:auto; padding:60px 4% 0 4%; width:92%; }
.aboutus h3{ font-size:18px; padding:0px 0 0 0; }
.aboutus h2{ font-size:28px; }
.aboutus p{ font-size:15px; line-height:30px; }
.aboutpro { padding:20px 0 20px 0; }
.aboutpro li{ float:left; width:33.33%; text-align:center; }
.aboutpro li img{ width:100%; }
.aboutpro li p{ font-size:14px; height:50px; overflow:hidden; }
.swiper_honer { width:100%; overflow:hidden; }

.hz_bg { height:auto; padding:60px 0 0 0;  }
.banner_nei { height:150px; margin:60px 0 0 0; }
.banner_nei h2{ font-size:28px; padding:50px 0 5px 0; }
.banner_nei p{ font-size:14px; }
.contact li{ float:none; display:block; width:92%; padding:20px 4%; }

.newslist { width:92%; padding:20px 4%; }
.newslist li{ float:none; display:block; width:94%; padding:3%; margin:20px 0 20px 0; }
.newslist li .pic{ height:auto; }
.newslist li .pic img{ height:auto; }
.newslist li h2{ height:auto; }
.newslist li p{ height:auto; }

.news_view { width:92%; padding:0px 4%; overflow:hidden; }
.news_view_tit h2{ font-size:20px; }
.news_view_txt { line-height:28px; font-size:14px; }
.commonDetailedContentsfoot{ margin:0 4%; width:92%; }
.commonDetailedContentsfoot dl dd{ float:none;}
.commonDetailedContentsfoot dl dt{ float:none;}

.prod_list { float:none; display:block; width:94%; padding:0 3%; }
.pronav_titb { font-size:22px; padding:0 2%; }
.prod_list ul li { width:46%; margin-left:2%; margin-right:2%; }
.prod_list ul li:nth-child(3), .prod_list ul li:nth-child(6), .prod_list ul li:nth-child(9), .prod_list ul li:nth-child(12) { margin-right: 2% !important;}
.prod_list ul li i { width: 96%; }
.prod_list ul li h2 { padding:2%; width: 96%; font-size:14px; text-align:center;}
.prod_list ul li p { display:none; }


.propic { float:none; display:block; width:92%; margin:0 4%; }
.proinfo_cs { float:none; display:block; width:92%; padding:0 4%; }
.proinfo_cs h2{ font-size:22px; }
.proinfo_cs p{ line-height:28px; padding:20px 0; min-height:auto; font-size:15px; }
.pro_con_tit h2{ padding:10px 0; width:100%; font-size:18px; }



.pro_view_txt { padding:0 4%; min-height:auto; line-height:30px; }
.pro_tltit { display:block; padding:15px 4%; }
.prod_list2 { padding:0 4%; }
.prod_list2 ul li { width:46%; margin-left:2%; margin-right:2%; }
.prod_list2 ul li:nth-child(2), .prod_list2 ul li:nth-child(4) { margin-right: 0 !important;}
.prod_list2 ul li i { width: 96%; }
.prod_list2 ul li h2 { padding:2%; width: 96%; font-size:14px; text-align:center;}
.prod_list2 ul li p { display:none; }




}